<template>
    <div class="honour">
        <ul>
            <li v-for="item in honours">
                <img :src="item.img">
            </li>
        </ul>
    </div>
</template>

<script>
import { mapGetters } from 'vuex'
export default {
    computed: {
        ...mapGetters([
            'honours'
        ])
    },
    created() {
        this.$store.dispatch('getHonourList')
    },
    data() {
        return {

        }
    }
}
</script>

<style lang="less">
.honour {
    ul li {
        display: inline;
        float: left;
        width: 320px;
        margin-right: 10px;
        margin-bottom: 10px;
    }
}
</style>